Motivation

• The Heroe carousel applied is-active to the first slide, causing opacity to be inverted; only the center slide should be fully opaque on load.
• Ensure the center slide is marked active at render time so JS and CSS opacity rules are consistent.

Description

• Compute the middle visible slide index in the template with middleVisibleIndex and expose it via data-start-index on the carousel section.
• Mark the middle slide with the is-active class in views/templates/hook/prettyblocks/prettyblock_heroe_carousel.tpl instead of the first slide.
• Update initHeroeCarousels in views/js/everblock.js to read data-start-index, clamp it to [0, total-1], and use it as the initial index so JS state matches the server-rendered active slide.

Testing

• No automated tests were run for this change.

Codex Task